Exercise: The Box Model

You have just learned the four elements the browser needs in order to render a box model. Thankfully, with CSS, you can control each of them individually.

Understanding the CSS Box Model is crucial to being able to correctly layout a webpage.

See it with your own eyes

Wanna see every single "box" that makes up a page? Try putting this in the stylesheet temporarily:

* {
  border: 1px solid red !important;
}